<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Bootstrap 实例 - 内联子标题</title>
<link rel="stylesheet" href="css/bootstrap.min.css">  
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
	<form role="form">
		<div class="form-group">
			<label for="name">名称</label>
			<input type="file" id="inputfile">
			<p class="help-blovk"></p>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox">请打钩
			</label>
		</div>
		<button type="submit" class="btn btn-success">提交</button>
	</form>
	
	<form class="form-inline" role="form"> 
	    <div class="form-group"> 
	        <label class="sr-only" for="name">名称</label> 
	        <input type="text" class="form-control" id="name" placeholder="请输入名称"> 
	    </div> 
	    <div class="form-group"> 
	        <label class="sr-only" for="inputfile">文件输入</label> 
	        <input type="file" id="inputfile"> 
	    </div> 
	    <div class="checkbox"> 
	        <label> 
	            <input type="checkbox">请打勾 
	        </label> 
	    </div> 
    <button type="submit" class="btn btn-default">提交</button> 
</form>
</body>
</html>